<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<body class="page-header-fixed">
<div class="form-group" style="margin: 0px;" id="tranInfoSerchModel">
		<div class="row">
			<!-- <label class="col-sm-1 control-label text-right" >主服务</label>
			<div class="col-sm-2">
				<div class="input-group col-sm-3">
					<select ng-options="merchant.merchantCode as merchant.name for merchant in merchantMap" 
									ng-model="dailySearchModel.merchantCode" class="form-control">
								<option value="">请选择主服务</option>
					</select> 
				 </div>
			</div>  -->
			<label class="col-sm-2 control-label text-right">卡号</label>
			<div class="col-sm-3">
				<div class="input-group">
					<input type="text" class="form-control" ng-model="queryTranInfoModel.cardNo"/>
				</div>
			</div>
			<label class="col-sm-2 control-label text-right" >服务</label>
			<div class="col-sm-3">
				<div class="input-group">
					<select ng-model="queryTranInfoModel.serviceNo" class="form-control">
								<option value="">请选择服务</option>
								<option ng-repeat="service in orderServiceMap" 
								ng-value="service.serviceNo" ng-if="service.parentNo=='#'">{{service.name}}</option>
					</select> 
				 </div>
			</div>
		</div>
		<div class="row">
			<label class="col-sm-2 control-label text-right"  >开始日期</label>
			<div class="col-sm-3"> 
				<div class="input-group">
					<input class="form-control getTime bValidate" key="date" type="text"  ng-model="queryTranInfoModel.startDate"/>
				</div>
			</div>
			<label class="col-sm-2 control-label text-right"  >结束日期</label>
			<div class="col-sm-3"> 
				<div class="input-group"> 
					<input class="form-control getTime bValidate" 	key="date"	type="text" ng-model="queryTranInfoModel.endDate"/>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="input-group">
					<button type="button" class="btn btn-primary"  ng-click="queryTranInfo()"  ><i class="fa "></i>查询</button>
				</div>
			</div>
		</div>
</div>

<hr />
<table class="table table-striped table-hover table-expandable"
		id="table_1">
		<thead>
			<tr>
				<th>主服务</th>
				<th>消费卡号</th>
				<th>收款方名称</th>
				<th>发生金额</th>
				<th>支付类型</th>
				<th>支付渠道</th>
				<th>是否已调账</th>
				<th>记账状态</th>
				<th>交易时间</th>
			</tr>
		</thead>
		<tbody>
		    <!-- ng-click="showOrHide(tranInfo,$event)" -->
			<tr  ng-repeat="tranInfo in tranInfoList  track by $index" 
			on-loaded="{{$last}}" class="odd gradeX fatherData"  target-table="table_1" isFirstClick=true
			ng-click="showOrHide(tranInfo,$event)">
				<td>
				   <span ng-bind="tranInfo.serviceNo | getValueInArgFilter : orderServiceMap : 'name'"></span>
				</td>
				<td>
					<span ng-bind="tranInfo.cardNo" ></span>
				</td>
				<td>
					<span ng-bind="tranInfo.receiver | getValueInArgFilter : merchantMap : 'name'" ></span>
				</td>
				<td>
					<my-span amount="tranInfo.paymentAmount"></my-span>
				</td>
				<td>
					<span ng-bind="tranInfo.payTypeCode | getValueInStaticFilter : 'payTypeArray'" ></span>
				</td>
				<td>
					<span ng-bind="tranInfo.channelName" ></span>
				</td>
				<td>
					<span ng-bind="tranInfo.hasAdjust | getValueInStaticFilter : 'hasAdjustArray'" ></span>
				</td>
				<td>
					<span ng-bind="tranInfo.accountState | getValueInStaticFilter : 'accountStateArray'" ></span>
				</td>
				<td>
					<span ng-bind="tranInfo.platTime | date:'yyyy-MM-dd'" ></span>
				</td>
			</tr>
			<!-- <tr>
				<td colspan="9">
					<table class="table table-striped table-hover">
					  <thead>
						  <tr>
							<th>子服务</th>
							<th>收款方名称</th>
							<th>金额</th>
						  </tr>
					  <thead>
					  <tbody>
						  <tr ng-repeat="tranSubInfo in tranInfo.tranSubVOList track by $index">
							<td ng-bind="tranSubInfo.serviceNo | getValueInArgFilter : orderServiceMap : 'name'"></td>
							<td ng-bind="tranSubInfo.receiver | getValueInArgFilter : merchantMap : 'name'"></td>
							<td><my-span amount="tranSubInfo.paymentAmount"></my-span></td>
						  </tr>
					  </tbody>
					</table>
				</td>
			</tr> -->
		</tbody>
</table>
</body>
<script src="manageView/assets/scripts/public.js" type="text/javascript"></script>
<link rel="stylesheet" href="manageView/assets/plugins/bootstrap-table-expandable/css/bootstrap-table-expandable.css"/>
</html>  